Éléments de visualisation : rectangle, rectangle arrondi, ellipse
Symbole:

Catégorie: De base
le Rectangle, Rectangle arrondi, ou Ellipse sont le même type d'élément. Ils peuvent être convertis en un autre type d'élément en modifiant le Type d'élément biens.
Propriétés des éléments
Toutes les propriétés des éléments sont-elles disponibles ?
Toutes les propriétés ne sont disponibles qu'une fois que vous avez sélectionné Avancé option ou Toutes les catégories filtrer dans Propriétés.
Nom de l'élément | Exemple: AstuceAttribuez des noms individuels aux éléments afin qu'ils apparaissent plus rapidement dans la liste des éléments. |
Type d'élément | Rectangle, Rectangle arrondi, ou Ellipse |
Position
La position définit l'emplacement et la taille de l'élément dans la fenêtre de visualisation. Ceci est basé sur le système de coordonnées cartésiennes. L'origine est située dans le coin supérieur gauche de la fenêtre. L’axe X horizontal positif s’étend vers la droite. L’axe Y vertical positif va vers le bas.
X | La coordonnée X (en pixels) du coin supérieur gauche de l'élément Exemple : |
Y | La coordonnée Y (en pixels) du coin supérieur gauche de l'élément Exemple : |
Largeur | Largeur (en pixels) Exemple : |
Hauteur | Hauteur (en pixels) Exemple: |
AstuceVous pouvez également modifier les valeurs en faisant glisser la case | |
Angle | Angle de rotation statique (en degrés) Exemple : L'élément est affiché pivoté dans l'éditeur. Le point de rotation est le centre de l'élément. Une valeur positive tourne dans le sens des aiguilles d'une montre. AstuceVous pouvez modifier la valeur dans l'éditeur en concentrant l'élément sur la poignée. Lorsque le curseur s'affiche sous la forme d'un ![]() (1) : Poignée NoteSi un angle de rotation dynamique est également configuré dans le propriété, puis les angles de rotation statiques et dynamiques sont ajoutés au moment de l'exécution. L'angle de rotation statique agit comme un décalage. |
Réglage du rayon
Visible uniquement lorsque Rectangle arrondi est sélectionné dans le Type d'élément biens.
Rayon | Arrondissement des coins Du style Relatif à la taille de l'élément Explicite: Permet de spécifier une valeur personnalisée dans le Évaluer réglage |
Évaluer | Rayon des coins arrondis (en pixels) Exemple: Exigence: Explicite est sélectionné dans le Rayon réglage. |
Centre
Les propriétés contiennent des valeurs fixes pour les coordonnées du point de rotation. Le point de rotation s'affiche dans l'éditeur en tant que AstuceVous pouvez également modifier les valeurs en faisant glisser le | |
X | Coordonnée X du point de rotation |
Y | Coordonnée Y du point de rotation |
Couleurs
État normal | L'état normal est effectif si la variable dans |
Couleur du cadre | Couleur de cadre et de remplissage pour l'état correspondant de la variable |
Couleur de remplissage | |
Transparence | Valeur (0 à 255) pour définir la transparence de la couleur sélectionnée 255 : La couleur est opaque. 0 : La couleur est complètement transparente NoteSi la couleur est une couleur de style et possède déjà une valeur de transparence, cette propriété est protégée contre l'écriture. |
État d'alarme | L'état d'alarme est effectif si la variable dans |
Utiliser la couleur du dégradé |
|
Paramètre de dégradé | le Éditeur de dégradé la boîte de dialogue s'ouvre. |
Apparence
Les propriétés contiennent des valeurs fixes pour définir l'apparence de l'élément.
Largeur de ligne | Valeur (en pixels) Exemple: NoteLes valeurs |
Attributs de remplissage | Comment l'élément est rempli
|
Style de ligne | Type de représentation linéaire
|
Astuce
Vous pouvez affecter des variables dans le Variables d'apparence propriété de contrôle dynamique de l'apparence. Les valeurs fixes ici sont écrasées.
Les textes
Texte | Chaîne (sans guillemets droits simples) Exemple: L'élément est étiqueté avec ce texte. Si un espace réservé |
Info-bulle | Chaîne (sans guillemets droits simples) Exemple: Le texte est affiché sous forme d'info-bulle. Si un espace réservé |
Astuce
Utilisez le Ctrl+Entrer raccourci pour ajouter un saut de ligne.
Astuce
Les textes spécifiés sont automatiquement transférés vers le GlobalTextList liste de texte. Par conséquent, ces textes peuvent être localisés.
Propriétés du texte
Les propriétés obtiennent des valeurs fixes pour les propriétés du texte et agissent sur les textes configurés dans
ou .Alignement horizontal | Alignement horizontal du texte au sein de l'élément |
Alignement vertical | Alignement vertical du texte au sein de l'élément |
Format de texte | . Définition de l'affichage de textes trop longs
|
Fonte | Exemple : Par défaut
|
Couleur de police | Couleur de police à l'état normal Exemple : noir
|
Couleur de l'alarme de police | Couleur de police active en état d'alarme ImportantElle doit être différente de la couleur de police à l'état normal. Exemple : Rouge |
Transparence | Nombre entier (plage de valeurs comprise entre La valeur de transparence détermine la transparence de la couleur correspondante.
NoteSi la couleur est une couleur de style et possède déjà une valeur de transparence, cette propriété est protégée contre l'écriture. |
Mouvement absolu
Les propriétés contiennent des variables CEI pour contrôler dynamiquement la position de l'élément. Le point de référence est le coin supérieur gauche de l'élément. Lors de l'exécution, l'élément entier est déplacé.
Mouvement | ||
X |
L'augmentation de cette valeur à l'exécution déplace l'élément vers la droite. | |
Y |
L'augmentation de cette valeur à l'exécution déplace l'élément vers le bas. | |
Rotation | Variable (type de données numérique) pour l'angle de rotation (en degrés) Exemple: Le milieu de l'élément tourne à la Centre indiquer. Ce point de rotation est représenté par le Lors de l'exécution, l'alignement de l'élément reste le même par rapport au système de coordonnées de la visualisation. L'augmentation de la valeur fait pivoter l'élément vers la droite. | ![]() |
Mise à l'échelle | Variable (type de données entier) pour déclencher un étirement centré Exemple: Le point de référence est le Centre biens. La valeur | |
Rotation intérieure | Variable (type de données numérique) pour l'angle de rotation (en degrés) Exemple: Lors de l'exécution, l'élément tourne autour du point de rotation spécifié dans Centre selon la valeur de la variable. De plus, l'alignement de l'élément pivote selon le système de coordonnées de la visualisation. L'augmentation de la valeur dans le code tourne dans le sens des aiguilles d'une montre. Le point de rotation est représenté par le NoteSi un angle de rotation statique est spécifié dans le , l'angle de rotation statique est ajouté à l'angle de rotation variable (décalage) lors de l'exécution de la visualisation. | ![]() |
Utiliser les valeurs REAL | NoteUniquement disponible si l'appareil prend en charge l'utilisation des coordonnées REAL.
L'option permet un réglage individuel du dessin de l'élément, par exemple pour la visualisation d'une rotation plus fluide. AstuceSi une ligne horizontale ou verticale est dessinée de manière floue sur une plate-forme de visualisation spécifique, cela peut être corrigé par un décalage de 0,5 px dans le sens de l'épaisseur de la ligne. |
Astuce
Vous pouvez combiner les variables à un conversion d'unité.
Astuce
le X, Oui, Rotation, et Rotation intérieure sont prises en charge par la fonctionnalité "Animation client".
Mouvement relatif
Les propriétés contiennent des variables pour déplacer l'élément. Le point de référence est la position de l'élément (Position biens). La forme de l'élément peut changer.
Mouvement en haut à gauche | |
X |
L'incrémentation de la valeur déplace l'élément vers la droite. |
Y |
L'incrémentation de la valeur déplace l'élément vers le bas. |
Mouvement en bas à droite | |
X |
L'incrémentation de la valeur déplace l'élément vers la droite. |
Y |
L'incrémentation de la valeur déplace l'élément vers le bas. |
Variables de texte
Variable de texte | Variable (type de données conforme à la spécification de formatage) pour l'espace réservé dans le Textes → Texte la propriété Exemple : La valeur de la variable remplace l'espace réservé dans le texte de l'élément. Lors de l'exécution, l'élément est étiqueté avec le texte et la valeur de la variable est constamment mise à jour. NoteSi vous spécifiez une variable de type énumération avec prise en charge de liste de texte, le nom du type de données d'énumération est ajouté automatiquement entre crochets après le nom de la variable. Exemple: |
Variable d'info-bulle | Variable (type de données conforme à la spécification de formatage) pour l'espace réservé dans le Textes → Info-bulle biens Exemple : La valeur de la variable remplace l'espace réservé dans l'info-bulle de l'élément. Lors de l'exécution, l'info-bulle s'affiche et la valeur de la variable est constamment mise à jour. |
Textes dynamiques
Les textes dynamiques sont des textes indexés de manière variable d'une liste de textes. Lors de l'exécution, le texte actuellement indexé dans la variable s'affiche.
Liste de texte | . Nom de la liste de textes
Remarque : Si une liste de textes du projet est transférée vers une visualisation dans une bibliothèque, un point doit être ajouté au nom de la liste de textes. |
Index du texte | . ID de la liste de textes qui fait référence au texte de sortie souhaité
|
Index des info-bulles | . ID de la liste de textes qui fait référence au texte de sortie souhaité
|
Variables de police
Les variables permettent un contrôle dynamique de l'affichage du texte.
Nom de police | Variable ( Exemple : AstuceVous pouvez découvrir quelles polices sont disponibles dans la norme Fonte dialogue. |
Taille | Variable (type de données numériques) pour la taille de police (en pixels ou en points) L'unité appliquée est spécifiée entre crochets après le nom de la variable.
AstuceLa taille de police est spécifiée en points (exemple : Arial 12). Utilisez des points lorsque la taille de police variable doit correspondre à une police, par exemple si une police est définie dans propriété.AstuceSi vous cliquez dans le champ de valeur, |
Drapeaux | Variable ( . Drapeaux :
NoteVous pouvez combiner les affichages de polices en ajoutant le codage des drapeaux. Par exemple, un texte en gras et souligné : |
Jeu de caractères | Variable ( La sélection des numéros de jeu de caractères correspond à Scénario établissement de la norme Fonte dialogue. |
couleur | Variable ( Exemple : |
Couleur de l'alarme | Variable ( ImportantCette couleur remplace la couleur d'alarme de police statique (dans la propriété : Propriétés du texte → Couleur de l'alarme de police) Elle doit être différente de la couleur de police à l'état normal. |
Drapeaux pour l'alignement du texte | Variable (type de données entier) pour coder l'alignement du texte Exemple : . Codage :
NoteVous pouvez combiner les alignements de texte en ajoutant le codage des drapeaux. Par exemple, un texte centré verticalement et horizontalement : |
Astuce
Les valeurs fixes pour l'affichage des textes sont définies dans Propriétés du texte.
Variables de couleur
La propriété Element est utilisée comme interface pour les variables de projet afin de contrôler dynamiquement les couleurs lors de l'exécution.
Basculer la couleur | Variable pour le basculement des couleurs . Affectation de valeur :
. Options d'affectation :
|
État normal État d'alarme | Les propriétés répertoriées ci-dessous contrôlent la couleur en fonction de l'état. L'état normal est effectif si la variable dans Variables de couleur, Basculer la couleur n'est pas défini ou il a la valeur |
Couleur du cadre | . Options d'affectation :
|
Couleur de remplissage | . Options d'affectation :
|
Astuce
La partie transparence de la valeur de couleur n'est évaluée que si la Gestionnaire de visualisationActiver le dessin semi-transparent l'option du gestionnaire de visualisation est sélectionnée.
Clignotant
La valeur en Intervalle de clignotement spécifie l'intervalle en millisecondes (ms) pendant lequel l'élément change de couleur entre l'état normal et l'état d'alarme.
Condition préalable : La visualisation est exécutée comme WebVisu et le Prise en charge des animations client et de la superposition d'éléments natifs L'option dans le gestionnaire de visualisation est activée. L'élément ne peut clignoter que dans ce contexte.
Pour plus d'informations, voir : Groupe : Paramètres généraux
Intervalle de clignotement | Intervalle de clignotement en millisecondes (ms) pour la couleur normale et la couleur d'alarme telles que définies sous le Couleurs propriété de l'élément A 0 (réglage par défaut), l'élément ne clignote pas. L'élément est simplement affiché dans la couleur normale.
|
Regardez les variables
Les propriétés contiennent des variables CEI pour contrôler dynamiquement l'apparence de l'élément.
Largeur de ligne | Variable (type de données entier) pour la largeur de ligne (en pixels) |
Attributs de remplissage | variables (
|
Style de ligne | variables ( . Codage:
|
Astuce
Vous pouvez définir des valeurs fixes dans le Apparence propriété. Cependant, ces valeurs sont écrasées par les variables dynamiques au moment de l'exécution.
Variables d'état
Les variables contrôlent dynamiquement le comportement de l'élément.
Invisible | variables (
Exemple: |
Désactiver les entrées | variables (
|
Astuce
le Invisible La propriété est prise en charge par la fonctionnalité "Animation client".
Animation
Astuce
Ces propriétés ne sont disponibles que lorsque vous avez sélectionné le Prise en charge des animations client et de la superposition d'éléments natifs possibilité dans le Gestionnaire de visualisation.
Durée des animations | Variable de durée (en millisecondes) pendant laquelle l'élément exécute une animation
. Propriétés animables
Le mouvement animé est exécuté lorsqu'au moins une valeur d'une propriété animable a changé. Le mouvement alors exécuté n'est pas saccadé, mais est fluide dans la durée d'animation spécifiée. L'élément de visualisation se déplace vers la position spécifiée tout en tournant dynamiquement. Les transitions sont fluides. |
Passer au premier plan | variables (
Exemple: |
Configuration d'entrée
Les propriétés contiennent les configurations pour l'entrée de l'utilisateur lors de l'utilisation de la souris ou du clavier. Une entrée utilisateur définit un événement et une ou plusieurs actions qui sont exécutées lorsqu'un événement se produit.
Astucele Configurer bouton ouvre le Configuration des entrées dialogue. Vous pouvez y créer ou modifier des entrées utilisateur. Les entrées utilisateur configurées sont répertoriées sous les événements. Ils incluent chacun l'action qui est déclenchée et le paramètre sous forme abrégée. Exemple: Exécuter le code ST: | |
OnDialogClosed | Evénement d'entrée : L'utilisateur ferme la boîte de dialogue. |
OnMouseClick | Evénement d'entrée : L'utilisateur clique complètement sur le bouton de la souris dans la zone de l'élément. Le bouton de la souris est cliqué et relâché. |
OnMouseDown | Événement d'entrée : l'utilisateur clique sur le bouton de la souris. |
OnMouseEnter | Événement d'entrée : l'utilisateur fait glisser le pointeur de la souris sur l'élément. |
OnMouseLeave | Evénement d'entrée : l'utilisateur éloigne le pointeur de la souris de l'élément. |
OnMouseMove | Evénement d'entrée : L'utilisateur déplace le pointeur de la souris sur la zone de l'élément. |
OnMouseUp | . Événements d'entrée :
NoteCe CODESYS-un comportement de déclenchement spécifique garantit que les actions pour les éléments clés sont terminées. Un élément clé déclenche une action pour OnMouseDown et met fin à l'action pour OnMouseUp. Exemple : Un utilisateur de visualisation appuie sur le bouton de la souris dans la zone d'élément de l'élément clé, puis déplace la position du curseur de manière à ce qu'il se trouve en dehors de la zone d'élément. L'action est quand même terminée car OnMouseUp est déclenché. |
OnValueChanged | Evénement qui déclenche des actions de suivi en raison d'un changement de valeur Les actions de suivi déclenchées sont configurées dans le Configuration d'entrée dialogue. Les actions de suivi définies et la configuration correspondante sont affichées sous la propriété de l'élément. La OnValueChanged l'événement peut être désactivé par le VISU_NO_VALUECHANGED compilateur définir dans la boîte de dialogue des propriétés de l'application. |
Robinet | Lorsqu'un événement de clic de souris se produit, la variable définie dans Variable est décrit dans la demande. Le codage dépend de la Appuyez sur FAUX et Appuyez sur entrer si capturé options. |
Variable | Exigence : Le Appuyez sur FAUX l'option n'est pas activée. variables (
Exemple: |
Appuyez sur FAUX |
|
Appuyez sur entrer si capturé |
La valeur est |
Basculer | Au début d'un événement de clic de souris, la variable est définie ; lorsque l'événement de clic de souris est terminé, la variable est réinitialisée. |
Variable | variables ( C'est lorsque l'utilisateur relâche le bouton de la souris alors que le pointeur de la souris est sur la zone d'élément. basculé. AstuceL'utilisateur peut annuler une entrée de bascule commencée en faisant glisser le pointeur de la souris hors de la zone de l'élément. |
Activer si capturé |
|
Raccourci | Raccourci sur l'élément pour déclencher des actions de saisie spécifiques Lorsque l'événement de raccourci clavier se produit, les actions d'entrée dans le Événements propriété sont déclenchées. De cette manière, ce n'est pas l'action de saisie elle-même qui conduit à cette action de saisie, mais l'action de saisie de la souris. |
Clé | Touche enfoncée pour l'action d'entrée. Exemple: J Les propriétés suivantes s'affichent lorsqu'une touche est sélectionnée. |
Événements |
|
Basculer |
Exemple: Changement+J. |
Contrôler |
Exemple: Ctrl+J. |
Autre |
Exemple: Autre+J. |
Astuce
Tous les raccourcis clavier et leurs actions qui sont configurés dans la visualisation sont répertoriés sur la Configuration du clavier languette.
Des droits d'accès
Note
Disponible uniquement lorsqu'une gestion des utilisateurs est configurée pour la visualisation.
Des droits d'accès bouton | Ouvre le Des droits d'accès dialogue. Là, vous pouvez modifier les privilèges d'accès pour l'élément. . Messages d'état :
|